@panelWidth:500px;
@titleLenth:70px;
@colonWidth:10px;

.cbBox{
    display: inline-block;
    position: relative;
    width:100%;
    input{
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.formGrid{
    float: left;
    // padding-right: 10px;
    padding-bottom: 6px;
    width:40%;
    height: 28px;
    line-height: 28px;
    box-sizing: content-box;
    position: relative;
    .gridTitle{
        &:after{
            content: "：";
            width:@colonWidth;
            right:0;
            top:0;
            position: absolute;
            display: block;
            height: 100%;
        }
        position: relative;
        height: 100%;
        text-align: right;
        width: @titleLenth;
        padding-right: @colonWidth;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
    }
    .gridContent{
        position: absolute;
        height: 100%;
        left:@titleLenth;
        right:0;
        display: inline-block;
    }
}
.buttonGrid{
    position: absolute;
    width:20%;
    height: 28px;
    right: 0;
    line-height: 28px;
    box-sizing: content-box;
}

.form_ct{
    width: @panelWidth;
    padding: 5px;
    &:after{
        content: ' ';
        clear:both;
        visibility: hidden;
        height: 0;
        display: block;
    }
}
.grid_ct{
    width: @panelWidth;
    height: 300px;
}